import React from 'react';
import {Layout} from 'antd'
import { connect } from "react-redux";

import CollapseArea from '@/layouts/components/Head/components/CollapseArea'
import Fullscreen from 'src/layouts/components/Head/components/Fullscreen'
import AvatarArea from '@/layouts/components/Head/components/AvatarArea'

import './index.less';

function LayoutHeadr(props:any) {
    const {Header} = Layout
    // let crumbList = props.crumbList || []
    // let currentPage = crumbList[crumbList.length-1]
    return (
        <Header className="headerCon">
            <div className="conHead">
                <div className="head_l">
                    <div className="collapseArea">
                        <CollapseArea/>
                    </div>
                </div>
                <div className="head_r">
                    <Fullscreen/>
                    <AvatarArea/>
                </div>
            </div>

        </Header>
    );
}
const mapStateToProps = (state: any) => state.menuList;
export default connect(mapStateToProps)(LayoutHeadr);
